<template>
    <router-link to = "map" append>
        <div class = "map">
            <div class = "map-left">
                <div class = "map-left-desc">
                    <span>上海</span>
                    <span class = "address">酒店地址</span>
                </div>
                <div class = "map-left-address">无锡滨湖区马山环山西路68号</div>
            </div>
            <div class = "map-right">
            <div class = "desc">地图</div>
            <div class = "icon"> > </div>
            </div>
        </div>
    </router-link>
</template>

<script>
export default {
  name:'detailMap',
}
</script>

<style lang = "stylus" scoped>
.map
  height:1.5rem
  font-size:.3rem
  background:#fff
  .map-left
    float:left
    width:80%
    .map-left-desc
      margin-left:.2rem
      margin-top:.2rem
      margin-bottom:.2rem
      font-weight:bold
    .address
      border:.02rem solid #000
      color:#aaa
    .map-left-address
      padding:.2rem
      color:#aaa
  .map-right
    float:right
    width:20% 
    text-align:center
    position:relative
    .desc
      position:absolute
      top:.6rem
      right:.6rem
      color:#aaa
    .icon
      position:absolute
      top:.6rem
      right:.2rem

</style>